<template>
  <div>
    <a-button type="primary" @click="showModal">
      打开对话框
    </a-button>
    <a-modal v-model="visible" title="基本对话框" @ok="handleOk">
      <p>内容 1...</p>
      <p>内容 2...</p>
      <p>内容 3...</p>
    </a-modal>
  </div>
</template>
  <script>
  export default {
    data() {
      return {
        visible: false,
      };
    },
    methods: {
      showModal() {
        this.visible = true;
      },
      handleOk(e) {
        console.log(e);
        this.visible = false;
      },
    },
  };
  </script>
  